.main-header{
  height: 300px;
  background-color: #FA6364;
  border-top:0px;
  position: relative;
}
// 顶部输入框 样式居中
.hydrated .at-search-bar__input{
  display: flex;
  align-items: center;
}

.AtSearchBar{
  background-color: #FA6364;
  border:0px;
}
.at-search-bar::after{
  border:none;
}
.communic-money{
    display: flex;
    justify-content: space-between;
    padding:10px 0px;
    color:#fff;
    width: 100%;
    text-align: center;
}

// 轮播图的样式控制
.hydrated .slide-image{
  background-size: cover;
  height: auto;
  width: 90%;
}

// 中间的按钮组
.button-group{
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-around;
  bottom: -50px;
}
.button-group-item{
  display: flex;
  align-items: center;
  background-color: #fff;
  font-size:26px;
  font-weight: 700;
  padding: 28px 54px;
  border-radius: 30px;
  color:#333333;
  //box-shadow：color  h-shadow  v-shadow blur spread  inset；
  /**
  color：阴影颜色 ------------ 可选
  h-shadow ：水平偏移量 ----必选          
  v-shadow：垂直偏移量-----必选
  blur：模糊距离 -------------可选
  spread：阴影尺寸---------- 可选
  inset：内阴影 --------------可选
  **/
  box-shadow: darkgrey 0px 5px 10px 0px
}
.button-group-item .img{
  width:30px;
  height:30px;
}